@red:#e51400;
@orange:#f8a31f;
@green:#393;
@brown:#a05000;
@blue:#368ee0;
@lime:#8cbf26;
@teal:#00aba9;
@purple:#ff0097;
@pink:#e671b8;
@magenta:#a200ff;
@grey:#878787;
@darkblue:#204e81;
@lightred:#e63a3a;
@lightgrey:#666;
@black:#000;
@satgreen:#56af45;

.bcred{background-color:#e51400}
.bcorange{background-color:orange}
.bcgreen{background-color:green}
.bcbrown{background-color:#a05000}
.bcblue{background-color:blue}
.bclime{background-color:#8cbf26}
.bcteal{background-color:#00aba9}
.bcpurple{background-color:#ff0097}
.bcpink{background-color:#e671b8}
.bcmagenta{background-color:#a200ff}
.bcgrey{background-color:#878787}
.bcdarkblue{background-color:#204e81}
.bclightred{background-color:#e63a3a}
.bclightgrey{background-color:#666}
.bcsatgreen{background-color:#56af45}
.bcwhite{background-color:#000}
.bcblack{background-color:#000}
.bcyellow{background-color:yellow}

//默认样式请到system.js中修改theme()函数
.theme(@name,@mycolor:@satgreen){
	body.@{name} .header{
		background:@mycolor;
		ul.header_right>li{
			&.hasHover:hover{
				background-color:@mycolor+#002200;
			}
			&.open{
				background-color:@mycolor+#002200;
			}
			.dropdown-menu{
				border-color:@mycolor;
			}
		}
	}
}

.theme(theme-red,		@red);
.theme(theme-orange,	@orange);
.theme(theme-green,		@green);
.theme(theme-brown,		@brown);
.theme(theme-blue,		@blue);
.theme(theme-lime,		@lime);
.theme(theme-teal,		@teal);
.theme(theme-purple,	@purple);
.theme(theme-pink,		@pink);
.theme(theme-magenta,	@magenta);
.theme(theme-grey,		@grey);
.theme(theme-darkblue,	@darkblue);
.theme(theme-lightred,	@lightred);
.theme(theme-lightgrey,	@lightgrey);
.theme(theme-black,		@black);
.theme(theme-satgreen,	@satgreen);